<!DOCTYPE html>
<html lang="en">
   	<head>
		<meta charset="UTF-8">
		<title>报备详情</title>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<meta name="keywords" content="这里写关键字">
		<meta name="description" content="这里写页面描述">
		<meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 
		<meta name="format-detection" content="telephone=no,email=no" />
		<link href="fontAwesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="css/common.css" rel="stylesheet">
		<link href="css/main.css" rel="stylesheet">
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</head>
</head>
<body>
	<div class="container">
		<ul class="report-info-list">
			<li>
				<div class="template-list-right">
					<div class="title">
						<div class="template-list-left">
							<div class="label-title">客户姓名</div>
							<div class="contrls">王凯</div>
						</div>
					</div>
					<div class="content">
						<a href="javascript:;" class="editBtn"><i class="fa fa-edit"></i>编辑</a>
					</div>
				</div>
			</li>
			<li>
				<div class="template-list-left">
					<div class="label-title">性别</div>
					<div class="contrls">男</div>
				</div>
			</li>
			<li>
				<div class="template-list-right">
					<div class="title">
						<div class="template-list-left">
							<div class="label-title">联系电话</div>
							<div class="contrls">15021519605</div>
						</div>
					</div>
					<div class="content">
						<a href="javascript:;" class="dialBtn"><i class="fa fa-phone"></i>拨打</a>
					</div>
				</div>
			</li>
			<li>
				<div class="template-list-left">
					<div class="label-title">客户描述</div>
					<div class="contrls-column">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus</div>
				</div>
			</li>
		</ul>
		<div class="line bor-b"></div>
		<ul class="report-info-list">
			<li>
				<div class="title">
					<div class="template-list-left">
						<div class="label-title">意向楼盘</div>
						<div class="contrls">东方雅苑</div>
					</div>
				</div>
			</li>
		</ul>
		<div class="progress-bar-warp">
			<ul class="progress-bar">
				<li class="bar-list-line active">
					<span class="spot"></span>报备有效
				</li>
				<li class="bar-list-line active">
					<span class="spot"></span>报备有效
				</li>
				<li class="bar-list-line active">
					<span class="spot"></span>报备有效
				</li>
				<li class="bar-list-line">
					<span class="spot"></span>申请报备
				</li>
			</ul>
		</div>
		<ul class="progress-bar-info">
			<li>
				<div class="template-row-list">
					<label class="label-title">2016-11-08 14:59</label>
					<div class="row-content">客户成功接收</div>
				</div>
			</li>
			<li>
				<div class="template-row-list">
					<label class="label-title">2016-11-08 14:59</label>
					<div class="row-content">客户成功接收</div>
				</div>
			</li>
			<li>
				<div class="template-row-list">
					<label class="label-title">2016-11-08 14:59</label>
					<div class="row-content">客户成功接收</div>
				</div>
			</li>
			<li>
				<div class="template-row-list">
					<label class="label-title">2016-11-08 14:59</label>
					<div class="row-content">客户成功接收</div>
				</div>
			</li>
		</ul>
	</div>
</body>
</html>
